<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>产品展示</title>

<link href="css/css.css" rel="stylesheet"  type="text/css" />

<script type="text/javascript">
function CYK_swapImgRestore() { //v3.0
  var i,x,a=document.CYK_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function CYK_preloadImages() { //v3.0
	if(getCookie("user")==1){
		document.getElementById("loginp").innerHTML="yyyy<a href='javascript:void(0)' onclick='exitLogin()'>退出登录</a>|<a href='shopCar.html'>购物车</a>";//
	}
  var d=document; if(d.images){ if(!d.CYK_p) d.CYK_p=new Array();
    var i,j=d.CYK_p.length,a=CYK_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.CYK_p[j]=new Image; d.CYK_p[j++].src=a[i];}}
}

function CYK_findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=CYK_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function CYK_swapImage() { //v3.0
  var i,j=0,x,a=CYK_swapImage.arguments; document.CYK_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=CYK_findObj(a[i]))!=null){document.CYK_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload="CYK_preloadImages('images/e1.jpg','images/e2.jpg','images/e3.jpg','images/e4.jpg')">
	<!-- 头部导航-->
	<nav id="guding">
	<div id="login">
	<h2>欢迎！</h2>
	<div id="loginp"><a href="login.html">登录</a>|<a href="#">注册</a>|<a href="shopCar.html">购物车</a></div>
	</div>
	<div id="logoall">
	<div id="logo">
	    <div id="logo1"><a href="index.html">
	    <img src="image/logo.png" width="220" height="80" />
	    </a>
	    </div>
	   <div id="logo2"><img src="image/welcome.jpg" width="100" height="50" /></div></div></div>
	<div id="naviall">
	<div id="navi">
	    <ul>
	         <li><a href="index.html">首页</a></li>
	         <li><a href="About.html">关于</a></li>
	         <li id="p"><div class="product"><a href="show.html">产品展示</a></div>
		         	<div>
		         		<ul id="p_show" hidden="hidden">
									<li><a href="show.html#content1">名著系列</a></li>
									<li><a href="show.html#content2">优选系列</a></li>
									<li><a href="show.html#tast">儿童系列</a></li>
								</ul>						
	         		</div>
	         </li>
	         <li><a href="service.html">服务</a></li>
	         <li><a href="service.html">服务</a></li>
	         <li><a href="liuyan.html">在线留言</a></li>
	         <li><a href="lianxi.html">联系我们</a></li>
	     </ul>
	</div>
	</div>
	</nav>
	<div class="addHeight"></div>
	<!--头部结束-->
<div id="picture"><img src="image/lunbo.jpg" width="1200" /></div>
<div id="show"><div id="line1"></div><p>SHOW</p><div id="line2"></div></div>
  <div id="content1">
     <h3>名著系列 Classic Series</h3>
     <ul>
       <li>
           <div class="pic1"><img src="image/a2.jpg" width="250" height="250" /></div>
           <div class="name"><a href="shopDetail.html">西游记</a></div>
         </li>
         <li>
           <div class="pic1"><img src="image/a3.jpg" width="250" height="250" /></div>
           <div class="name"><a href="shopDetail.html">水浒传</a></div>
         </li>
         <li>
           <div class="pic1"><img src="image/a4.jpg" width="250" height="250" /></div>
          <div class="name"><a href="shopDetail.html">三国演义</a></div>
          </li>
          <li>
           <div class="pic1"><img src="image/a5.jpg" width="250" height="250" /></div>
           <div class="name"><a href="shopDetail.html">红楼梦</a></div>
         </li>
         <li>
           <div class="pic1"><img src="image/c1.jpg" width="250" height="250" /></div>
           <div class="name"><a href="shopDetail.html">飞鸟集</a></div>
         </li>
         <li>
           <div class="pic1"><img src="image/c2.jpg" width="250" height="250" /></div>
           <div class="name"><a href="shopDetail.html">简爱</a></div>
         </li>
         <li>
           <div class="pic1"><img src="image/c3.jpg" width="250" height="250" /></div>
           <div class="name"><a href="shopDetail.html">格列夫游记</a></div>
         </li>
         <li>
           <div class="pic1"><img src="image/c4.jpg" width="250" height="250" /></div>
           <div class="name"><a href="shopDetail.html">契诃夫短篇小说精选</a></div>
         </li>
     </ul>
 </div>
 <div id="line3"></div>
<div id="content2">
    <h3>优选系列 Children Series</h3>
    <ul>
      <li>
         <div class="pic2"><a href="shopDetail.html" onmouseout="CYK_swapImgRestore()" onmouseover="CYK_swapImage('Image15','','image/e1.jpg',1)"><img src="image/d1.jpg" width="250" height="250" id="Image15" /></a></div>
       </li>
        <li>
         <div class="pic3"><a href="shopDetail.html" onmouseout="CYK_swapImgRestore()" onmouseover="CYK_swapImage('Image14','','image/e2.jpg',1)"><img src="image/d2.jpg" width="250" height="250" id="Image14" /></a></div>
       </li>
       <li>
         <div class="pic4"><a href="shopDetail.html" onmouseout="CYK_swapImgRestore()" onmouseover="CYK_swapImage('Image13','','image/e3.jpg',1)"><img src="image/d3.jpg" width="250" height="250" id="Image13" /></a></div>
       </li>
        <li>
         <div class="pic5"><a href="shopDetail.html" onmouseout="CYK_swapImgRestore()" onmouseover="CYK_swapImage('Image12','','image/e4.jpg',1)"><img src="image/d4.jpg" width="250" height="250" id="Image12" /></a></div>
       </li>
    </ul>
</div>
<div id="line4"></div>
<div id="tast"><h3>儿童系列 Optimizing Series</h3>
     <ul>
        <li>
          <div class="img1"><a href="shopDetail.html"><img src="image/f2.png" width="180" height="200" /></a></div>
          <div class="sign"><a href="shopDetail.html">中华上下五千年</a></div>
          <div class="price">34.0</div>
        </li>
         <li>
          <div class="img1"><a href="shopDetail.html"><img src="image/f1.PNG" width="180" height="200" /></a></div>
          <div class="sign"><a href="shopDetail.html">格林童话</a></div>
          <div class="price">30.0</div>
        </li>
         <li>
          <div class="img1"><a href="shopDetail.html"><img src="image/f3.png" width="180" height="200" /></a></div>
          <div class="sign"><a href="shopDetail.html">王尔德童话</a></div>
          <div class="price">150.0</div>
        </li>
         <li>
          <div class="img1"><a href="shopDetail.html"><img src="image/f4.png" width="180" height="200" /></a></div>
          <div class="sign"><a href="shopDetail.html">安徒生童话</a></div>
          <div class="price">119.0</div>
        </li>
     </ul>
</div>

<div id="more">
  <div id="morea"><a style="text-decoration: underline;" href="#">更多>>></a></div></div>

<!--尾部-->
		<div id="version"><p>关于我们 | 约稿启事 | 网站导航 | 诚聘英才| 刊登广告 | 服务项目 | 联系我们 | 法律声明 | 建议投诉 | 网站帮助| 友情链接<br />
			</p>
            <p>更多资讯请联系客服QQ：1234567890  | 客服电话：020-12332112|投诉信箱：tousuxinxiang.com<br /></p >
            <p> SCAU  ||  数信学院  ||  班级 ：信息管理与信息系统6班  ||  学号 ：202025710618;202025710619;202025710622  ||  姓名 ：刘恺婧;刘晓艺;姚蕴宜 </p >
		</div>
		<!--尾部结束-->
		<script type="text/javascript">

	function getCookie(name){
	  var CYK_arr,CYK_reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	  if(CYK_arr=document.cookie.match(CYK_reg)){
	    return unescape(CYK_arr[2]);
	  }else{
	    return null;
	  }
	}
	function exitLogin(){
		delCookie("user");
		location.reload();
	}

	function delCookie (name) {
	  var exp = new Date();
	  exp.setTime(exp.getTime() - 1);
	  var cval = getCookie(name);
	  if (cval && cval != null) {
	    document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString();
	  }
	}
</script>
</div>
</body>
</html>
